<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!--_meta 作为公共模版分离出去-->
<jsp:include page="meta.jsp"></jsp:include>
<!--/meta 作为公共模版分离出去-->

<title>添加用户 - H-ui.admin v3.0</title>

</head>
<body>
	<article class="cl pd-20">
		<form class="form form-horizontal"
			id="form-member-add">
			
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3"><span
					class="c-red">*</span>ID：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="${user.uid}" placeholder=""
						id="uid" name="uid" readonly>
				</div>
			</div>
			
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3"><span
					class="c-red">*</span>用户名：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="${user.uname}" placeholder=""
						id="uname" name="uname">
				</div>
			</div>

			<%-- <div class="row cl">
				<label class="form-label col-xs-4 col-sm-3"><span
					class="c-red">*</span>密码：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="${user.upwd}" placeholder=""
						id="upwd" name="upwd">
				</div>
			</div> --%>

			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3"><span
					class="c-red">*</span>性别：</label>
				<div class="formControls col-xs-8 col-sm-9 skin-minimal">
					<c:if test="${user.usex=='男'}">
					<div class="radio-box">
						<input name="usex" type="radio" id="sex-1" checked value="男"> <label
							for="sex-1">男</label>
					</div>
					<div class="radio-box">
						<input type="radio" id="sex-2" name="usex" value="女"> <label
							for="sex-2">女</label>
					</div>
					<div class="radio-box">
						<input type="radio" id="sex-3" name="usex"> <label
							for="sex-3">保密</label>
					</div>
					</c:if>
					
					<c:if test="${user.usex=='女'}">
					<div class="radio-box">
						<input name="usex" type="radio" id="sex-1" value="男"> <label
							for="sex-1">男</label>
					</div>
					<div class="radio-box">
						<input type="radio" id="sex-2" name="usex" value="女" checked> <label
							for="sex-2">女</label>
					</div>
					<div class="radio-box">
						<input type="radio" id="sex-3" name="usex"> <label
							for="sex-3">保密</label>
					</div>
					</c:if>
					
					<c:if test="${user.usex=='保密'}">
					<div class="radio-box">
						<input name="usex" type="radio" id="sex-1" value="男"> <label
							for="sex-1">男</label>
					</div>
					<div class="radio-box">
						<input type="radio" id="sex-2" name="usex" value="女"> <label
							for="sex-2">女</label>
					</div>
					<div class="radio-box">
						<input type="radio" id="sex-3" name="usex" checked> <label
							for="sex-3">保密</label>
					</div>
					</c:if>
				</div>
			</div>

			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3"><span
					class="c-red">*</span>手机：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="${user.utel}" placeholder=""
						id="utel" name="utel">
				</div>
			</div>

			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3">状态：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<span class="select-box"> <select class="select" size="1"
						name="ustate">
							<!-- <option value="" selected>请选择</option> -->
							<option value="1" selected>普通用户</option>
							<option value="0">注销</option>
							<option value="2">商家</option>
							<option value="3">管理员</option>
					</select>
					</span>
				</div>
			</div>

			<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
					<input class="btn btn-primary radius" type="button"
						value="&nbsp;&nbsp;提交&nbsp;&nbsp;" id="btnUpdate">
				</div>
			</div>
		</form>
	</article>

	<!--_footer 作为公共模版分离出去-->
	<jsp:include page="footer.jsp"></jsp:include>
	<!--/_footer /作为公共模版分离出去-->

	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
	<script type="text/javascript">
		$(function() {
			$('.skin-minimal input').iCheck({
				checkboxClass : 'icheckbox-blue',
				radioClass : 'iradio-blue',
				increaseArea : '20%'
			});

			$("#form-member-add").validate({
				rules : {
					uname : {
						required : true,
						minlength : 2,
						maxlength : 16
					},

					upwd : {
						required : true,
					},

					usex : {
						required : true,
					},

					utel : {
						required : true,
						isMobile : true,
					}

				},
				onkeyup:false,
				focusCleanup:true,
				success:"valid",
				submitHandler:function(form){
					$(form).ajaxSubmit();
					var index = parent.layer.getFrameIndex(window.name);
					parent.$('.btn-refresh').click();
					parent.layer.close(index);
				}
			});
			
			//ajax添加服务
			$("#btnUpdate").click(function(){
				//var d= $("#form-member-add").serialize();
				$.ajax({  
			     	type: "POST",  
			    	 url: "updateUser",  
			    	 contentType: "application/json",  
			    	 data: JSON.stringify({
			    		 uid:$("#uid").val(),
			    		 uname:$("#uname").val(), 
			    		 //upwd:$("#upwd").val(),
			    		 usex:$("input[type='radio']:checked").val(),
			    		 utel:$("#utel").val(),
			    		 ustate:$("option[value]:selected").val()}),  
			    		 //data: $("#form-member-add").serialize(),
			    	 dataType: "json",
			    	 success: function(data){  
			          	      //layer.alert("添加成功"); 
			    		 if(data.msg=="操作成功"){
			          	    	layer.msg('修改成功!', {
			    					icon : 1,
			    					time : 2000
			    				},function(){
			    					parent.location.reload();
			    				});
			          	    	//parent.location.reload();
			             }else{
			             		  layer.msg('修改失败!', {
			      					icon : 1,
			      					time : 1000
			      				});
			              }
			   		  }  
			 	});
			});
			
			
			
		});
	</script>
	<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>